<div id="onlycomments" style="height: 308px; overflow-y: auto;">
    {% for com in comentarios %}
        <div class="comentario"
             style="border-bottom: 1px #d1d0f0 inset; padding: 13px 13px 13px 13px; background-color: #f5f5f5;">
            <span style="color: #004099; font-weight: bold;">{{ com.emisor.get_full_name }}  </span>

            <span style="color: gray; font-size: 11px;">  {{ com.fecha }}</span>
            {% if com.aprobado %}
                <span style="color: #387038; font-style: italic;">Aprobado</span>
            {% else %}
                <span style="color: #953b39; font-style: italic;">Sin aprobar</span>
            {% endif %}

            <div style="padding-top: 5px; padding-bottom: 5px; word-wrap: break-word; color: #626262;">{{ com.texto }}</div>
            {% if user.get_profile.is_super and not com.aprobado %}
                <a style="cursor: pointer; text-decoration: None; color: #000000;" onclick="aprobar({{ com.id }})">
                    <span class="icon-check" style="font-style: italic;"></span> Aprobar</a>
            {% endif %}
        </div>
    {% endfor %}
</div>
<form method="post" id="form-coment" style="padding-bottom: 5px; margin: 0;"> {% csrf_token %}
    <div style="padding-top: 15px; overflow-y: auto; padding-left: 13px; padding-right: 13px; ">
        <textarea type="text" placeholder="Escribe un comentario..." name="texto"
                  style="resize: none; width: 75%; height: 36px; overflow-y: auto; float: left;"></textarea>
        <input style="width: 20%; float: right; height: 36px; margin-top: 4px;" type="submit"
               value="Comentar" class="btn-small btn-primary">
    </div>
</form>